<div class="layui-fluid">
    <div class="layui-row layui-col-space15">   
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            平台总收益
            <span class="layui-badge layui-bg-blue layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="totalRevenue">--</p>
            <p>
               元 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe770;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            平台总支出（已支出+待支出）
            <span class="layui-badge layui-bg-cyan layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="totalExpend">--</p>
            <p>
               元
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe650;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            平台已支出
            <span class="layui-badge layui-bg-green layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="alreadyExpend">--</p>
            <p>
               元
              <span class="layuiadmin-span-color"><i class="layui-icon">&#xe66c;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            平台待支出
            <span class="layui-badge layui-bg-orange layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="waitExpend">--</p>
            <p>
              元
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>   
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            用户总数
            <span class="layui-badge layui-bg-blue layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="userCount">--</p>
            <p>
               位
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            代理商总数
            <span class="layui-badge layui-bg-green layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="dispUserCount">--</p>
            <p>
               位 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            普通用户总数
            <span class="layui-badge layui-bg-orange layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="commonUserCount">--</p>
            <p>
               位
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div> 
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            拉黑用户数
            <span class="layui-badge layui-bg-orange layuiadmin-badge">实时</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="blackUserCount">--</p>
            <p>
              位
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div> 
        
      <div class="layui-col-sm12">
        <div class="layui-card">
          <div class="layui-card-header">
            访问量
            <!-- <div class="layui-btn-group layuiadmin-btn-group">
              <button class="layui-btn layui-btn-primary layui-btn-xs">去年</button>
              <button class="layui-btn layui-btn-primary layui-btn-xs">今年</button>
            </div> -->
          </div>
          <div class="layui-card-body">
            <div class="layui-row">
              <div class="layui-col-sm8">
                  <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
                    <div carousel-item id="LAY-index-pagetwo">
                      <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    </div>
                  </div>
              </div>
              <div class="layui-col-sm4">
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">日访问量</p>
                  <span>较昨日增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="30%"></div>
                  </div>
                </div>
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">日收入(元)</p>
                  <span>较昨日增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="20%"></div>
                  </div>
                </div>
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">日支出(元)</p>
                  <span>较昨日增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="25%"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<script>
layui.use('sample', layui.factory('sample'));

layui.use(['form','admin'], function(){
var carousel = layui.carousel
var $ = layui.$
,form = layui.form
,setter = layui.setter
,element = layui.element
,admin = layui.admin

$.ajax({
  url: setter.myurl + "admin/getDatas",
  data: JSON.stringify({}),
  type: "POST",
  dataType: "json",
  contentType: "application/json",
  headers: {
    'token': layui.data('layuiAdmin').token
  },
  success: function(data){
    // console.log(data);
    if(data.code == 0){
      $("#totalRevenue").text(data.data.totalRevenue)
      $("#totalExpend").text(data.data.totalExpend)
      $("#alreadyExpend").text(data.data.alreadyExpend)
      $("#waitExpend").text(data.data.waitExpend)
      $("#dispUserCount").text(data.data.dispUserCount)
      $("#commonUserCount").text(data.data.commonUserCount)
      $("#userCount").text(data.data.userCount)
      $("#blackUserCount").text(data.data.blackUserCount)
    }else{
      layer.msg(data.message);
    }
  }
});

// form.on('submit(delRoation)', function(obj){

// })
})
        </script>